<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="type" content="guides2"/>
<meta name="account" content="false"/><meta name="viewport" content="width=device-width"/>
<title>CNBlockly - 教程 - 5 - BlockFactory实战（二）</title>
<link rel="stylesheet" href="../css/mdui.min.css">
<link rel="stylesheet" href="../css/style.css">
<script src="../js/mdui.min.js"></script><script src="../js/account.js"></script>

</head>
<body class="mdui-bottom-nav-fixed">
<div class="mdui-toolbar mdui-color-indigo">
  <a href="../guides.html" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">arrow_back</i></a>
  <span class="mdui-typo-title">Blockly教程 - 5 - BlockFactory实战（2）</span>
</div>
<div class="mdui-card">
  <div class="mdui-card-header">
	<img class="mdui-card-header-avatar" scr="https://ws1.sinaimg.cn/large/ebc3e24aly1fk46infk3gj208c08ct8z.jpg">
    <div class="mdui-card-header-title">Blockly教学手册</div>
    <div class="mdui-card-header-subtitle">by starkersawz666</div>
  </div>
      <div class="mdui-card-primary">
        <div class="mdui-card-primary-title">BlockFactory实战演练（2）</div>
		<div class="mdui-card-content mdui-typo">Blockfactory实战演练（2）
上一课我们对积木的制作进行了练习，那么现在我们要开始工作区菜单栏的制作。</br>任务：制作一个多语言集合的菜单栏（HTML、JS、PHP），为网页制作提供方便。</br>成品：<img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59mpra9oj203i0faq2r.jpg"/></br>1.新类别，HTML、PHP、JS是新的类别，所以我们需要进行添加<img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59mrgrbtj203002x0sh.jpg"/>，并进行命名。</br>2.图中的Functions是已有类别，所以我们通过<img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59msoy89j205x0190na.jpg"/>并输入functions来添加。</br>3.可以看到每两个类别之间都有一个分割器，所以我们通过<img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59mu5csfj201l05ljr5.jpg"/>添加分隔器来进行区分。</br>4.用<img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59mvfylyj206601d0jr.jpg"/>来加上你喜欢的颜色。</br>5.对这些组件的位置进行上下调整。</br>6.现在，一个工作区（菜单栏）就出来啦！<img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59mwjrymj203k053t8h.jpg"/>看看你是否做的一样呢？</br></div>
		<div class="mdui-card-actions">
        <a class="mdui-btn mdui-ripple mdui-ripple-white" href="../guides.html">返回</a>
		<a class="mdui-btn mdui-ripple mdui-ripple-white" href="blockly-5.html">下一章</a>
		</div>
      </div>
	  </div>
  </div>
</div>
</br>
<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=100 src="../copyright.html" frameborder=0></iframe>
<div id="nav"></div>
</body>
</html>